footer {
  margin-top: 50px;
  height: 500px;
  background: url('../../static/images/base/footer_bg.jpg') no-repeat center;
  background-size: cover;
  .logo {
    margin-top: 30px;
    h1 {
      text-align: center;
      a {
        display: inline-block;
        width: 140px;
        height: 38px;
        line-height: 100px;
        text-indent: -9999px;
        overflow: hidden;
        background: url('../../static/images/base/footer_logo.png') no-repeat center;
        background-size: 100%;
      }
    }
  }
  .footer-help {
    color: #fff;
    margin-top: 30px;
    line-height: 30px;
    .help {
      padding: 0 30px;
      li {
        float: left;
        width: 280px;
        padding-left: 50px;
        dl {
          dt {
            position: relative;
            font-size: 14px;
            margin-bottom: 20px;
            &::before {
              content: '';
              position: absolute;
              width: 30px;
              height: 1px;
              top: 30px;
              background-color: #fff;
            }
          }
          dd {
            position: relative;
            cursor: pointer;
            &:hover {
              color: #FFD25B;
            }
          }
          dd.mgj {
            &:hover {
              .img {
                display: block;
              }
            }
            .img {
              display: none;
              position: absolute;
              left: -75px;
              top: -6px;
              width: 70px;
              height: 70px;
              img {
                width: 100%;
                height: 100%;
              }
            }
          }
          dd.mls,
          dd.uniyl {
            @extend .mgj;
          }
        }
      }
    }
    .footer-oper {
      text-align: center;
      margin-top: 30px;
      li {
        display: inline-block;
        cursor: pointer;
        &:not(.line):hover {
          color: #FFD25B;
        }
      } 
      li.line {
        margin: 0 15px;
        cursor: default;
      }
    }
    .copyright {
      position: relative;
      margin-top: 25px;
      padding: 0 32px;
      text-align: center;
      .title {
        width: 100%;
        line-height: 40px;
        height: 40px;
        &::before,
        &::after {
          content: '';
          float: left;
          border-top: 1px solid #fff;
          height: 40px;
          width: 433px;
          transform: translateY(50%);
        }
        &::after {
          float: right;
        }
        .content {
          float: left;
          width: 260px;
        }
      }
      ul.tlicense {
        line-height: 26px;
        li {
          display: inline-block;
        }
      }
      ul.blicense {
        line-height: 26px;
        li {
          display: inline-block;
        }
      }
    }
  }
}